<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="https://www.tmooc.cn/">达内首页</a>
<hr>
<a href="01_html结构.html">HTML结构</a>
<a href="02_基础标签.html">基础标签</a>
<a href="cc.jpg">来张图</a>
<hr>
<a href="https://www.tmooc.cn/"><img src="cc.jpg" alt="图片">   </a>
<hr>
<a href="#c1">跳转到c1</a>
<a href="#c2"> 跳转到c2</a>
<a href="#c3"> 跳转到c3</a>
<a href="#c4"> 跳转到c4</a>

<h3 id="c1">第一节</h3>
<p>第一节内容</p>
<h3 id="c2">第二节</h3>
<p>第二节内容
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A assumenda debitis, dolore, harum hic iste itaque maxime neque numquam reprehenderit sed sunt tempora. Commodi eaque error eum molestiae soluta velit.</span><span>Aperiam aspernatur atque cum deleniti eveniet fuga harum illum iste laudantium molestiae nemo, nesciunt nihil obcaecati praesentium quaerat sunt, temporibus. A minus obcaecati quae vero voluptate. Autem repellendus sit soluta?</span><span>Doloremque ducimus ea minus modi perferendis quis reiciendis. Commodi doloremque harum quas! Accusamus inventore non provident? Animi culpa dolor doloremque, laudantium magni omnis placeat repudiandae! Eius modi natus quis. Fuga?</span><span>Animi at autem esse non repellat. At blanditiis dignissimos minus molestias non perspiciatis quia, quos saepe. At consequuntur cum dolorem doloremque eos fugiat modi nisi, nostrum provident recusandae repellendus velit.</span><span>Alias aut, consequuntur deserunt eligendi et fugiat incidunt ipsa iste iure libero mollitia neque nisi odio perspiciatis quibusdam reiciendis sed ut voluptatum? Accusamus animi aperiam autem quia saepe tenetur voluptates!</span><span>Amet aspernatur dolor dolore dolorum earum eos et, excepturi laborum laudantium magni molestiae nulla perspiciatis qui ratione saepe ullam vero voluptate. Ab animi distinctio ea natus nihil provident quasi soluta.</span><span>Aperiam architecto assumenda autem consequatur culpa cum debitis, delectus dolorum eaque eligendi eos eveniet harum ipsum itaque molestiae mollitia nihil nobis optio placeat praesentium quibusdam repellat, sequi suscipit vel vitae.</span><span>A iusto numquam voluptate? Laborum laudantium quas voluptatem. Accusamus adipisci aperiam et exercitationem, impedit molestias nobis officiis omnis, pariatur placeat quaerat quam quas sit voluptatem, voluptates. Aliquam culpa explicabo molestiae.</span><span>Alias corporis dolor dolorem fuga laudantium minima, neque nesciunt officia optio qui quidem quod, sequi, vitae? Animi aut ducimus impedit in ipsum, optio, placeat quae repellat reprehenderit saepe sunt ut.</span><span>Aut blanditiis dicta doloremque, dolores enim eos explicabo magni nemo porro quibusdam quidem quod recusandae, sequi tempora, totam! Aspernatur deserunt dolorum ex exercitationem explicabo hic necessitatibus nobis reprehenderit ullam veritatis!</span><span>Alias culpa, delectus dicta expedita laudantium libero maxime molestias neque obcaecati perspiciatis, placeat quae quam quas quod, quos. Assumenda laborum mollitia nulla perspiciatis saepe ullam! Doloribus ea exercitationem natus sit?</span><span>Blanditiis et iusto nemo sit voluptate. Animi debitis distinctio ducimus eligendi enim expedita maiores mollitia nam officiis quaerat quas quibusdam tempora tempore ullam ut, velit voluptate voluptatem! Assumenda, est quo.</span><span>Dolorem earum exercitationem facilis harum illum neque nisi numquam officiis quod, quos similique totam veritatis? Accusantium aliquid consequatur, error exercitationem explicabo facilis harum hic minus quae, quos sint voluptatem voluptates.</span><span>Accusantium atque beatae commodi consequatur est excepturi, expedita harum ipsam labore, laboriosam libero molestias quas repellendus sequi tempora veritatis vero voluptate voluptatibus! Dignissimos doloribus fugit tenetur! Aperiam eligendi quo vero.</span><span>Impedit, necessitatibus, sunt! Aut, consequuntur culpa dolores id in laudantium minima molestiae mollitia natus nobis nostrum omnis optio porro possimus, quis sint tempora vitae voluptas? Ipsam libero pariatur tenetur vero.</span><span>A aliquam asperiores assumenda blanditiis cum, cupiditate doloremque eveniet exercitationem facere fugit hic, inventore ipsam laboriosam laudantium libero nisi officiis praesentium quas qui quisquam quos repellendus similique sit temporibus voluptatibus.</span><span>Aliquid autem error et impedit laborum. Autem consequuntur excepturi ipsa neque officia officiis quidem quis reiciendis, vitae voluptatibus? Cupiditate ipsa rem similique! Consequuntur cum fugiat illo incidunt minima nesciunt vero?</span><span>At autem eum facilis id ipsam minus nemo neque nesciunt nihil nobis numquam porro, praesentium quae ratione recusandae sit vitae. Consequatur optio sed tenetur. Autem nam praesentium quasi qui sapiente.</span><span>At aut beatae, cum debitis earum facilis id inventore mollitia, perferendis provident ratione rem repellat temporibus, unde veniam! Culpa debitis sed unde. Aperiam beatae dolores exercitationem explicabo fugit id quibusdam!</span><span>Ab accusantium aliquid consectetur cumque dolor esse ex expedita facere harum id illum ipsa ipsum laudantium magnam minus nulla officiis optio placeat quam quisquam repudiandae sed soluta totam velit, voluptatibus?</span><span>At autem consequuntur deleniti error expedita minus numquam perferendis quam quo, sunt ut veniam veritatis vitae. Atque distinctio esse hic ipsum maiores, nemo, nihil perspiciatis quibusdam quis sapiente, voluptas voluptate.</span><span>Earum eum expedita, incidunt inventore molestias mollitia nisi, obcaecati perspiciatis quas quis quos sequi unde voluptatibus. Adipisci alias amet, assumenda consequatur cumque, dicta hic optio pariatur porro ratione sint temporibus.</span><span>Accusantium architecto asperiores commodi consectetur dolor enim excepturi fugit ipsam magni maxime, natus nemo nobis nulla quis rem, repellat repudiandae sint soluta tenetur totam veritatis voluptatem, voluptatibus? Ad impedit, rerum?</span><span>Ad adipisci deleniti eius enim esse eum, in incidunt inventore labore laudantium magni, nisi officiis pariatur provident quaerat quo similique soluta velit. Aspernatur nulla officia placeat, porro quaerat sed tempora.</span><span>A consequatur, debitis fuga natus nihil nulla optio placeat quod sunt vel vero vitae! Assumenda ea laborum mollitia numquam omnis tenetur, velit. At cumque harum labore magni porro reiciendis, sit?</span><span>Accusantium aliquam culpa delectus deserunt, doloremque eligendi eveniet illo illum ipsum laboriosam laudantium, maxime modi nobis placeat quas quidem veniam veritatis vero! Illo, quo voluptatem! Blanditiis nisi nostrum pariatur quis!</span><span>A cum deleniti ducimus eligendi laudantium nesciunt nobis praesentium tempora? Ea ex fuga mollitia perferendis, perspiciatis possimus quibusdam saepe velit vero? Accusantium ea enim natus optio quasi soluta tenetur unde.</span><span>Architecto autem eos facere ipsa, necessitatibus quae quis voluptas voluptatum? At beatae dolorem ducimus, eligendi fugiat illum inventore ipsam iste iusto, modi molestiae ratione velit voluptates. Aliquid ea earum facilis!</span><span>Eius ipsa laboriosam magni perspiciatis possimus qui quo totam vel! Amet quo, quod! A aperiam hic itaque unde vitae voluptate! Dolores ex illum impedit itaque mollitia quae, quibusdam quis unde?</span><span>Accusantium culpa cumque cupiditate eaque explicabo impedit laudantium natus officiis pariatur perferendis perspiciatis porro, quae quia quisquam soluta sunt tempora temporibus voluptatem voluptates voluptatum? Cum explicabo necessitatibus officia sequi vitae.</span>
</p>
<h3 id="c3">第三节</h3>
<p>第三节内容</p>
<h3 id="c4">第四节</h3>
<p>第四节内容</p>
</body>
</html>